<template>
  <div class="home clearfix">
	<Header></Header>
	<Menu class="left"></Menu>
	<!-- <daojishi date="2019-12-25" datename="圣诞节"></daojishi> -->
	<div class="content left">
		<router-view />
	</div>

	<!-- <img :src="imgs" alt=""> -->
  </div>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import Header from '@/components/header.vue';
import Menu from '@/components/menu.vue'
@Component({
  components: {
   	Header,
   	Menu,
  }
})
export default class Home extends Vue {
	private minutes:number = 0;
	private second:number = 0;
	private imgs:string = '';
	created(){
		this.minutes = Math.floor(1)
		this.second = Math.floor(29)
		console.log(typeof this.minutes)
	}
}
</script>
<style lang="scss" scoped>

	.content{
		position: absolute;
		top: 70px;
		left: 185px;
		width: -moz-calc(100vw - 190px); 
	    width: -webkit-calc(100vw - 190px); 
	    width: calc(100vw - 190px);
	    box-sizing: border-box;
	    padding: 10px;
	    >div{
			background: #fff;
	    }
	}
	
/* 隐藏滚动条 */
::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}  
</style>